@charset "utf-8";
@import "reset";
@import "header";
@import "footer";
@import "common";

section{
    padding-bottom: r(97px);
    
    .banner{
        margin-top: r(89px);
        width: 100%;
        padding-bottom: r(11px); 
        border-bottom: r(1px) solid $bordercolor;
        position: relative;
        .banner-warp{
            img{
                width: r(640px);
                height: r(309px);
                display: block;
            }
        }
        
//      蒙版
        .mask{
            width: 100%;
            height: r(91px);
            position: absolute;
            top: r(231px);
            left: 0;
//          background-color: black;
            background-color: rgba(0,0,0,.7); 
            p:first-of-type{ 
                margin-top: r(23px);
                margin-left: r(30px);
//              height: r(26px);
                font-size: r(26px);
                color: white; 
//              overflow: hidden;
            }
            p:nth-of-type(2){
                width: r(581px); 
                height: r(22px);
                margin: r(3px) auto 0 auto;
//              background-color: white; 
                font-size: r(22px);
                line-height: r(22px);
                color: white; 
                .right{    
                    color: white;
                    height: r(22px);
                    font-size: r(18px);
//                  width: r(210px); 
                    display: block;
                    .icon-CombinedShape-{
                        font-size: r(18px); 
                    }
                }
                
            }
        }
        
        
        
    }
    
    .ads{
            width: r(583px);
            margin: r(23px) auto 0 auto;
            .ad{
                width: 100%;
                padding-bottom: r(33px);
                border-bottom: r(1px) solid $bordercolor;
                margin-top: r(38px); 
                &:first-of-type{
                    margin-top: 0;
                }
                .ad-warp{
                    width: r(210px); 
                    img{ 
                        width: r(210px);
                        height: r(142px);
                         
                    }
                }
                
                div{ 
                    width: r(358px);
                    p:first-of-type{
                        height: r(26px);
                        font-size: r(26px);
                        display: block;
                    } 
                    p:nth-of-type(2){
                        margin-top: r(12px);
                        width: r(340px);
                        line-height: r(25px);
                        font-size: r(22px);
                        color: #c5c5c5; 
                    }  
                    p:nth-of-type(3){
                        text-align: right;
                        margin-top: r(41px);
                        color: #939393;
                        font-size: r(16px);
                        height: r(16px);
                        .icon-eye{
                            font-size: r(16px); 
                        }
                    } 
                }
                
            }
    } 
    
    .more{
        width: 100%;
//      height: ;
        font-size: 0;
        
        text-align: center;
        
        a{
            width: 100%;
            height: 100%;
            color: #bbbbbb;
            font-size: r(22px); 
            line-height: r(73px);
            display: block;
            width: 100%;
            height: 100%; 
        }
    }
    
    
}
